<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <!-- css引入 -->
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
    <!-- 轮播样式 -->
    <link rel="stylesheet" href="./lib/slider/slider.css">
    <!-- js引入 -->
    <script src="./js/jquery.js"></script>
    <!-- 轮播js -->
    <script src="./lib/slider/slider.js"></script>
    <script src="./js/index.js"></script>
</head>

<body>
    <!-- 1.头部 -->
    <div id="header">
        <!-- 版心 -->
        <div class="wrap clearfix posrel">
            <!-- 加载log图片 -->
            <div class="header_logimg posabs">
                <img src="./img/logo.jpg">
            </div>
            <!-- 左边文字 -->
            <div class="header_leftcn fl ">
                legochina.cn
            </div>
            <!-- 右边文字 -->
            <div class="header_right fr">
                欢迎光临
                <a style="color: #ff6600; text-decoration:none;" href="#">乐购</a>,请&ensp;登陆\
                <a style="color: #ff6600; text-decoration:none;" href="login.html">注册</a>
            </div>
        </div>
    </div>
    <!-- 2.菜单 -->
    <div id="container">
        <!-- 版心 -->
        <div class="wrap">
            <!-- 搜索框+购物车 -->
            <div class="searchBox clearfix">
                <!-- 购物车 -->
                <div class="shopCar clearfix fr">
                    <!-- 购物车 -->
                    <div class="car fl">
                        <div class="car_img">
                        </div>
                        <span class="car_cn posrel"> <a href="car.html" style="text-decoration: none;">购物车&ensp;3</a></span>
                    </div>
                    <!-- 订单 -->
                    <div class="order fl">
                        我的订单
                    </div>
                </div>
                <!-- 搜索框 -->
                <div class="search fr">
                    <div class="seek clearfix">
                        <!-- 输入框 -->
                        <input type="text" placeholder="创意文具" class="hunt fl" id="oldInput">
                        <!-- 加载搜索图片 -->
                        <div class="search_img fl posrel">
                        </div>
                    </div>
                </div>
            </div>
            <!-- 目录 -->
            <ul class="menu">
                <li class="fl">
                    <a href="#">图书</a>
                </li>
                <li class="fl">
                    <a href="#">电子书</a>
                </li>
                <li class="fl">
                    <a href="#">原创文学</a>
                </li>
                <li class="fl">
                    <a href="#">服装</a>
                </li>
                <li class="fl">
                    <a href="#">运动户外</a>
                </li>
                <li class="fl">
                    <a href="#">孕婴童</a>
                </li>
                <li class="fl">
                    <a href="#">家居</a>
                </li>
                <li class="fl">
                    <a href="#">创意文具</a>
                </li>
                <li class="fl">
                    <a href="#">地方特产</a>
                </li>
                <li class="fl">
                    <a href="#">海外购</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 3.轮播图+二级菜单 -->
    <div id="banner">
        <div class="wrap clearfix">
            <!-- 二级菜单 -->
            <div class="s_menu fl posrel">
                <ul>
                    <li>
                        <p>图书、电子书、童书</p>
                        <div class="child_menu posabs ">1</div>
                    </li>
                    <li>
                        <p>创意文具</p>
                        <div class="child_menu posabs">2</div>
                    </li>
                    <li>
                        <p>服饰、内衣</p>
                        <div class="child_menu posabs">3</div>
                    </li>
                    <li>
                        <p>鞋靴、箱包</p>
                        <div class="child_menu posabs">4</div>
                    </li>
                    <li>
                        <p>运动户外</p>
                        <div class="child_menu posabs">5</div>
                    </li>
                    <li>
                        <p>孕、婴、童</p>
                        <div class="child_menu posabs">6</div>
                    </li>
                    <li>
                        <p>家居、家纺、汽车</p>
                        <div class="child_menu posabs">7</div>
                    </li>
                    <li>
                        <p>家具、家装、康体</p>
                        <div class="child_menu posabs">8</div>
                    </li>
                    <li>
                        <p>美妆、个人护理、成人</p>
                        <div class="child_menu posabs">9</div>
                    </li>
                    <li>
                        <p>食品、茶酒、生鲜</p>
                        <div class="child_menu posabs">10</div>
                    </li>
                    <li>
                        <p>腕表、珠宝、眼镜</p>
                        <div class="child_menu posabs">11</div>
                    </li>
                    <li>
                        <p>手机、数码</p>
                        <div class="child_menu posabs">12</div>
                    </li>
                    <li>
                        <p>电脑办公</p>
                        <div class="child_menu posabs">13</div>
                    </li>
                    <li>
                        <p>家用电器</p>
                        <div class="child_menu posabs">14</div>
                    </li>
                </ul>
            </div>
            <!-- 轮播图 -->
            <div class="slider fl">
                <!--轮播开始-->
                <div class="pptbox" id="bannerInner">
                    <!--轮播的内容-->
                    <ul class="innerwrapper">
                        <li>
                            <a href="#">
                                <img src="./img/banner1.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./img/banner2.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./img/banner3.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./img/banner4.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./img/banner5.jpg" />
                            </a>
                        </li>
                    </ul>
                    <!--数字控制器-->
                    <ul class="controls">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>5</li>
                    </ul>
                    <!--按钮控制器-->
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                </div>
                <!--轮播结束-->
            </div>
        </div>
    </div>
    <!-- 4.今日推荐 -->
    <div id="recommend">
        <!-- 版心 -->
        <div class="wrap">
            <!-- 标题 -->
            <h1 class="recommend_title">乐购·今日推荐</h1>
            <!-- 横线 -->
            <div class="recommend_interval posrel"></div>
            <!-- 文字 -->
            <div class="recommendBox clearfix">
                <!-- 小盒子 -->
                <script>
                    let html = `
                      <div class="recommend_smallBox fl">
                    <!-- 加载鼠标图片 -->
                    <a  href="details.html" > <div class="recommendBox_img">
                        <img src="./img/mouse.jpg" alt="">
                    </div>
                    <!-- 加载小图标 -->
                    <div class="recommendBox_smailimg">
                        <img src="./img/limitTime.jpg" alt="">
                    </div>
                    <p class="recommend_cn">黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p class="recommend_text">全国联保 一年免费包换</p>
                    <p class="recommend_price">￥:299</p>
                </div></a>
                      `
                    for (let i = 0; i < 5; i++) {
                        document.write(html);
                    }
                </script>
                <div class="recommend_smallBox fl last">
                    <!-- 加载鼠标图片 -->
                    <div class="recommendBox_img">
                        <img src="./img/mouse.jpg" alt="">
                    </div>
                    <!-- 加载小图标 -->
                    <div class="recommendBox_smailimg">
                        <img src="./img/limitTime.jpg" alt="">
                    </div>
                    <p class="recommend_cn">黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p class="recommend_text">全国联保 一年免费包换</p>
                    <p class="recommend_price">￥:299</p>
                </div>
                <!-- 换行 -->
                <script>
                    let kettle = `
                  <div class="recommend_smallBox fl">
                    <!-- 加载鼠标图片 -->
                    <div class="recommendBox_img">
                        <img src="./img/kettle.jpg" alt="">
                    </div>
                    <!-- 加载小图标 -->
                    <div class="recommendBox_smailimg">
                        <img src="./img/limitTime.jpg" alt="">
                    </div>
                    <p class="recommend_cn">黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p class="recommend_text">全国联保 一年免费包换</p>
                    <p class="recommend_price">￥:299</p>
                </div>
                  `
                    for (let i = 0; i < 5; i++) {
                        document.write(kettle);
                    }
                </script>
                <div class="recommend_smallBox fl last">
                    <!-- 加载鼠标图片 -->
                    <div class="recommendBox_img">
                        <img src="./img/kettle.jpg" alt="">
                    </div>
                    <!-- 加载小图标 -->
                    <div class="recommendBox_smailimg">
                        <img src="./img/limitTime.jpg" alt="">
                    </div>
                    <p class="recommend_cn">黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p class="recommend_text">全国联保 一年免费包换</p>
                    <p class="recommend_price">￥:299</p>
                </div>
            </div>
        </div>
    </div>
    <!-- 5.电子书 -->
    <div id="ebook">
        <!-- 版心 -->
        <div class="wrap clearfix">
            <!-- 左边盒子 -->
            <div class="ebook_leftBox fl ">
                <!-- 头部 -->
                <div class="ebooktitle clearfix">
                    <span class="ebooktitle_left fl">图书&emsp;电子书</span>
                    <ul class="ebooktitle_right fr">
                        <li class="fl ebook_active">最新上架</li>
                        <li class="fl ">独家畅销</li>
                        <li class="fl ">电子书</li>
                    </ul>
                </div>
                <!-- 内容 -->
                <ul class="ebookcontent posrel clearfix">
                    <!-- 第一个内容 -->
                    <li class="ebookcontent_item posabs ebook_show">
                        <!-- 左边的盒子 -->
                        <div class="ebookcontent_item_leftBox fl">
                            <!-- 加载图片 -->
                            <img class="ebook_firstImg" src="./img/bookleft.jpg">
                            <ul class="ebook_firstImg_text">
                                <li>中小学教辅</li>
                                <li>外语</li>
                                <li>考试</li>
                                <li>小说</li>
                                <li>文学</li>
                                <li>青春文学</li>
                                <li>成功\励志</li>
                                <li>管理</li>
                                <li>历史</li>
                                <li>哲学\宗教</li>
                                <li>亲子\家教</li>
                                <li>全部分类></li>
                            </ul>
                        </div>
                        <!-- 右边的盒子 -->
                        <div class="ebookcontent_item_rightBox fl clearfix">
                            <!-- 小轮播 -->
                            <div class="ebook_smailbanner fl">
                                <!--轮播开始-->
                                <div class="pptbox" id="bannerInner1">
                                    <!--轮播的内容-->
                                    <ul class="innerwrapper">
                                        <li>
                                            <a>
                                                <img src="./img/ppt2_05.jpg" />
                                            </a>
                                        </li>
                                        <li>
                                            <a>
                                                <img src="./img/ppt2_05.jpg" />
                                            </a>
                                        </li>
                                        <li>
                                            <a>
                                                <img src="./img/ppt2_05.jpg" />

                                            </a>
                                        </li>
                                        <li>
                                            <a>
                                                <img src="./img/ppt2_05.jpg" />

                                            </a>
                                        </li>
                                    </ul>
                                    <!--数字控制器-->
                                    <ul class="controls">
                                        <li class="current">1</li>
                                        <li>2</li>
                                        <li>3</li>
                                        <li>4</li>
                                    </ul>
                                    <!--按钮控制器-->
                                    <span class="btnleft"></span>
                                    <span class="btnright"></span>
                                </div>
                                <!--轮播结束-->
                            </div>
                            <script>
                                let ebook_Img = `
                            <div class="ebook_Img fl">
                                <p class="ebook-title">奥运狂欢</p>
                                <p class="ebook-text">10万种电子书&ensp;直降40%</p>
                                <img src="./img/bookitem.jpg" alt="">
                                <span class="ebook-price">￥49</span>
                                <span class="ebook-Noprice">￥79</span>
                            </div>
                            `
                                for (let i = 0; i < 6; i++) {
                                    document.write(ebook_Img);
                                }

                            </script>
                        </div>
                    </li>
                    <li class="ebookcontent_item posabs">
                        <!-- 左边的盒子 -->
                        <div class="ebookcontent_item_leftBox fl">
                            <!-- 加载图片 -->
                            <img class="ebook_firstImg" src="./img/bookleft.jpg">
                            <ul class="ebook_firstImg_text">
                                <li>中小学教辅</li>
                                <li>外语</li>
                                <li>考试</li>
                                <li>小说</li>
                                <li>文学</li>
                                <li>青春文学</li>
                                <li>成功\励志</li>
                                <li>管理</li>
                                <li>历史</li>
                                <li>哲学\宗教</li>
                                <li>亲子\家教</li>
                                <li>全部分类></li>
                            </ul>
                        </div>
                        <!-- 右边的盒子 -->
                        <div class="ebookcontent_item_rightBox fl clearfix">
                            <!-- 小轮播 -->
                            <div class="ebook_smailbanner fl">
                                <!--轮播开始-->
                                <div class="pptbox" id="bannerInner2">
                                    <!--轮播的内容-->
                                    <ul class="innerwrapper">
                                        <li>
                                            <a>
                                                <img src="./img/ppt2_05.jpg" />
                                            </a>
                                        </li>
                                        <li>
                                            <a>
                                                <img src="./img/ppt2_05.jpg" />
                                            </a>
                                        </li>
                                        <li>
                                            <a>
                                                <img src="./img/ppt2_05.jpg" />

                                            </a>
                                        </li>
                                        <li>
                                            <a>
                                                <img src="./img/ppt2_05.jpg" />

                                            </a>
                                        </li>
                                    </ul>
                                    <!--数字控制器-->
                                    <ul class="controls">
                                        <li class="current">1</li>
                                        <li>2</li>
                                        <li>3</li>
                                        <li>4</li>
                                    </ul>
                                    <!--按钮控制器-->
                                    <span class="btnleft"></span>
                                    <span class="btnright"></span>
                                </div>
                                <!--轮播结束-->
                            </div>
                            <script>
                                let ebookImg = `
                                    <div class="ebook_Img fl">
                                        <p class="ebook-title">奥运狂欢</p>
                                        <p class="ebook-text">10万种电子书&ensp;直降40%</p>
                                        <img src="./img/bookitem.jpg" alt="">
                                        <span class="ebook-price">￥49</span>
                                        <span class="ebook-Noprice">￥79</span>
                                    </div>
                                    `
                                for (let i = 0; i < 6; i++) {
                                    document.write(ebookImg);
                                }
                            </script>
                        </div>
                    </li>
                    <li class="ebookcontent_item posabs">
                        <!-- 左边的盒子 -->
                        <div class="ebookcontent_item_leftBox fl">
                            <!-- 加载图片 -->
                            <img class="ebook_firstImg" src="./img/bookleft.jpg">
                            <ul class="ebook_firstImg_text">
                                <li>中小学教辅</li>
                                <li>外语</li>
                                <li>考试</li>
                                <li>小说</li>
                                <li>文学</li>
                                <li>青春文学</li>
                                <li>成功\励志</li>
                                <li>管理</li>
                                <li>历史</li>
                                <li>哲学\宗教</li>
                                <li>亲子\家教</li>
                                <li>全部分类></li>
                            </ul>
                        </div>
                        <!-- 右边的盒子 -->
                        <div class="ebookcontent_item_rightBox fl clearfix">
                            <!-- 小轮播 -->
                            <div class="ebook_smailbanner fl">
                                <!--轮播开始-->
                                <div class="pptbox" id="bannerInner3">
                                    <!--轮播的内容-->
                                    <ul class="innerwrapper">
                                        <li>
                                            <a>
                                                <img src="./img/ppt2_05.jpg" />
                                            </a>
                                        </li>
                                        <li>
                                            <a>
                                                <img src="./img/ppt2_05.jpg" />
                                            </a>
                                        </li>
                                        <li>
                                            <a>
                                                <img src="./img/ppt2_05.jpg" />

                                            </a>
                                        </li>
                                        <li>
                                            <a>
                                                <img src="./img/ppt2_05.jpg" />

                                            </a>
                                        </li>
                                    </ul>
                                    <!--数字控制器-->
                                    <ul class="controls">
                                        <li class="current">1</li>
                                        <li>2</li>
                                        <li>3</li>
                                        <li>4</li>
                                    </ul>
                                    <!--按钮控制器-->
                                    <span class="btnleft"></span>
                                    <span class="btnright"></span>
                                </div>
                                <!--轮播结束-->
                            </div>
                            <script>
                                    let ebookImgs = `
                                        <div class="ebook_Img fl">
                                            <p class="ebook-title">奥运狂欢</p>
                                            <p class="ebook-text">10万种电子书&ensp;直降40%</p>
                                            <img src="./img/bookitem.jpg" alt="">
                                            <span class="ebook-price">￥49</span>
                                            <span class="ebook-Noprice">￥79</span>
                                        </div>
                                        `
                                    for (let i = 0; i < 6; i++) {
                                        document.write(ebookImgs);
                                    }
                                </script>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- 右边盒子 -->
            <div class="ebook_rightBox fr clearfix">
                <h2 class="ebook_newbox_title">新书畅销榜</h2>
                <ul class="f16 pl22">
                    <li class="posrel">
                        <span>1</span>
                        <h4 class="hide">就喜欢你看不惯我 又干不</h4>
                        <div class="clearfix">
                            <img src="./img/bookright.jpg" alt="" class="fl">
                            <p class="fr f14 c80">
                                从你的世界路过 入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                            </p>
                        </div>
                    </li>
                    <li class="posrel">
                        <span>2</span>
                        <h4>就喜欢你看不惯我 又干不</h4>
                        <div class="clearfix hide">
                            <img src="./img/bookright.jpg" alt="" class="fl">
                            <p class="fr f14 c80">
                                从你的世界路过 入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                            </p>
                        </div>
                    </li>
                    <li class="posrel">
                        <span>3</span>
                        <h4>就喜欢你看不惯我 又干不</h4>
                        <div class="clearfix hide">
                            <img src="./img/bookright.jpg" alt="" class="fl">
                            <p class="fr f14 c80">
                                从你的世界路过 入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                            </p>
                        </div>
                    </li>
                    <li class="posrel">
                        <span>4</span>
                        <h4>就喜欢你看不惯我 又干不</h4>
                        <div class="clearfix hide">
                            <img src="./img/bookright.jpg" alt="" class="fl">
                            <p class="fr f14 c80">
                                从你的世界路过 入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                            </p>
                        </div>
                    </li>
                    <li class="posrel">
                        <span>5</span>
                        <h4>就喜欢你看不惯我 又干不</h4>
                        <div class="clearfix hide">
                            <img src="./img/bookright.jpg" alt="" class="fl">
                            <p class="fr f14 c80">
                                从你的世界路过 入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                            </p>
                        </div>
                    </li>
                    <li class="posrel">
                        <span>6</span>
                        <h4>就喜欢你看不惯我 又干不</h4>
                        <div class="clearfix hide">
                            <img src="./img/bookright.jpg" alt="" class="fl">
                            <p class="fr f14 c80">
                                从你的世界路过 入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                            </p>
                        </div>
                    </li>
                    <li class="posrel">
                        <span>7</span>
                        <h4>就喜欢你看不惯我 又干不</h4>
                        <div class="clearfix hide">
                            <img src="./img/bookright.jpg" alt="" class="fl">
                            <p class="fr f14 c80">
                                从你的世界路过 入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 6.服装 -->
    <div id="cloth">
        <!-- 版心 -->
        <div class="wrap">
            <!-- 标题 -->
            <div class="clothBox clearfix">
                <span class="clothBox_title fl f28 c3">服装</span>
                <ul class="clothBox_text fr">
                    <li class="fl c3 f18 cloth_active">女装内衣</li>
                    <li class="fl c3 f18">热销男装</li>
                    <li class="fl c3 f18">精品鞋靴</li>
                </ul>
            </div>
            <!-- 内容 -->
            <ul class="clothcontent posrel clearfix">
                <li class="clothcontent_item posabs cloth_show">
                    <div class="clothcontent_item_leftBox fl">
                        <!-- 加载图片 -->
                        <img class="cloth_firstImg" src="./img/clothleft.jpg">
                        <ul class="cloth_firstImg_text">
                            <li>中小学教辅</li>
                            <li>外语</li>
                            <li>考试</li>
                            <li>小说</li>
                            <li>文学</li>
                            <li>青春文学</li>
                            <li>成功\励志</li>
                            <li>管理</li>
                            <li>历史</li>
                            <li>哲学\宗教</li>
                            <li>亲子\家教</li>
                            <li>全部分类></li>
                        </ul>
                    </div>
                    <!-- 中间的盒子 -->
                    <div class="clothcontent_item_rightBox fl clearfix">
                        <!-- 小轮播 -->
                        <div class="cloth_smailbanner fl">
                            <!--轮播开始-->
                            <div class="pptbox" id="bannerInner4">
                                <!--轮播的内容-->
                                <ul class="innerwrapper">
                                    <li>
                                        <a>
                                            <img src="./img/clothright.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="./img/clothright.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="./img/clothright.jpg" />

                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="./img/clothright.jpg" />

                                        </a>
                                    </li>
                                </ul>
                                <!--数字控制器-->
                                <ul class="controls">
                                    <li class="current">1</li>
                                    <li>2</li>
                                    <li>3</li>
                                    <li>4</li>
                                </ul>
                                <!--按钮控制器-->
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                            </div>
                            <!--轮播结束-->
                            <!-- 下面的盒子 -->
                            <div class="cloth_smailsbanner">
                                <img src="./img/clothrightfoot.jpg">
                            </div>
                        </div>
                    </div>
                    <!-- 右边的图片盒子*3 -->
                    <div class="clothrightbox fl">
                        <img class="clothrightbox_img" src="./img/cloth.jpg" alt="">
                        <img class="clothrightbox_imgs" src="./img/cloth.jpg" alt="">
                    </div>
                    <div class="clothrightbox fl">
                        <img class="clothrightbox_img" src="./img/cloth.jpg" alt="">
                        <img class="clothrightbox_imgs" src="./img/cloth2.jpg" alt="">
                    </div>
                    <div class="clothrightbox fl">
                        <img class="clothrightbox_img" src="./img/cloth.jpg" alt="">
                        <img class="clothrightbox_imgs" src="./img/cloth2.jpg" alt="">
                    </div>
                    <!-- 底部图片 -->
                    <div class="clothfooter">
                        <img src="./img/clothfooter.png" alt="">
                    </div>
                </li>
                <li class="clothcontent_item posabs">
                    <div class="clothcontent_item_leftBox fl">
                        <!-- 加载图片 -->
                        <img class="cloth_firstImg" src="./img/clothleft.jpg">
                        <ul class="cloth_firstImg_text">
                            <li>中小学教辅</li>
                            <li>外语</li>
                            <li>考试</li>
                            <li>小说</li>
                            <li>文学</li>
                            <li>青春文学</li>
                            <li>成功\励志</li>
                            <li>管理</li>
                            <li>历史</li>
                            <li>哲学\宗教</li>
                            <li>亲子\家教</li>
                            <li>全部分类></li>
                        </ul>
                    </div>
                    <!-- 中间的盒子 -->
                    <div class="clothcontent_item_rightBox fl clearfix">
                        <!-- 小轮播 -->
                        <div class="cloth_smailbanner fl">
                            <!--轮播开始-->
                            <div class="pptbox" id="bannerInner5">
                                <!--轮播的内容-->
                                <ul class="innerwrapper">
                                    <li>
                                        <a>
                                            <img src="./img/clothright.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="./img/clothright.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="./img/clothright.jpg" />

                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="./img/clothright.jpg" />

                                        </a>
                                    </li>
                                </ul>
                                <!--数字控制器-->
                                <ul class="controls">
                                    <li class="current">1</li>
                                    <li>2</li>
                                    <li>3</li>
                                    <li>4</li>
                                </ul>
                                <!--按钮控制器-->
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                            </div>
                            <!--轮播结束-->
                            <!-- 下面的盒子 -->
                            <div class="cloth_smailsbanner">
                                <img src="./img/clothrightfoot.jpg">
                            </div>
                        </div>
                    </div>
                    <!-- 右边的图片盒子*3 -->
                    <div class="clothrightbox fl">
                        <img class="clothrightbox_img" src="./img/cloth.jpg" alt="">
                        <img class="clothrightbox_imgs" src="./img/cloth2.jpg" alt="">
                    </div>
                    <div class="clothrightbox fl">
                        <img class="clothrightbox_img" src="./img/cloth.jpg" alt="">
                        <img class="clothrightbox_imgs" src="./img/cloth.jpg" alt="">
                    </div>
                    <div class="clothrightbox fl">
                        <img class="clothrightbox_img" src="./img/cloth.jpg" alt="">
                        <img class="clothrightbox_imgs" src="./img/cloth2.jpg" alt="">
                    </div>
                    <!-- 底部图片 -->
                    <div class="clothfooter">
                        <img src="./img/clothfooter.png" alt="">
                    </div>
                </li>
                <li class="clothcontent_item posabs">
                    <div class="clothcontent_item_leftBox fl">
                        <!-- 加载图片 -->
                        <img class="cloth_firstImg" src="./img/clothleft.jpg">
                        <ul class="cloth_firstImg_text">
                            <li>中小学教辅</li>
                            <li>外语</li>
                            <li>考试</li>
                            <li>小说</li>
                            <li>文学</li>
                            <li>青春文学</li>
                            <li>成功\励志</li>
                            <li>管理</li>
                            <li>历史</li>
                            <li>哲学\宗教</li>
                            <li>亲子\家教</li>
                            <li>全部分类></li>
                        </ul>
                    </div>
                    <!-- 中间的盒子 -->
                    <div class="clothcontent_item_rightBox fl clearfix">
                        <!-- 小轮播 -->
                        <div class="cloth_smailbanner fl">
                            <!--轮播开始-->
                            <div class="pptbox" id="bannerInner6">
                                <!--轮播的内容-->
                                <ul class="innerwrapper">
                                    <li>
                                        <a>
                                            <img src="./img/clothright.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="./img/clothright.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="./img/clothright.jpg" />

                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="./img/clothright.jpg" />

                                        </a>
                                    </li>
                                </ul>
                                <!--数字控制器-->
                                <ul class="controls">
                                    <li class="current">1</li>
                                    <li>2</li>
                                    <li>3</li>
                                    <li>4</li>
                                </ul>
                                <!--按钮控制器-->
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                            </div>
                            <!--轮播结束-->
                            <!-- 下面的盒子 -->
                            <div class="cloth_smailsbanner">
                                <img src="./img/clothrightfoot.jpg">
                            </div>
                        </div>
                    </div>
                    <!-- 右边的图片盒子*3 -->
                    <div class="clothrightbox fl">
                        <img class="clothrightbox_img" src="./img/cloth.jpg" alt="">
                        <img class="clothrightbox_imgs" src="./img/cloth2.jpg" alt="">
                    </div>
                    <div class="clothrightbox fl">
                        <img class="clothrightbox_img" src="./img/cloth.jpg" alt="">
                        <img class="clothrightbox_imgs" src="./img/cloth2.jpg" alt="">
                    </div>
                    <div class="clothrightbox fl">
                        <img class="clothrightbox_img" src="./img/cloth.jpg" alt="">
                        <img class="clothrightbox_imgs" src="./img/cloth.jpg" alt="">
                    </div>
                    <!-- 底部图片 -->
                    <div class="clothfooter">
                        <img src="./img/clothfooter.png" alt="">
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 7.运动 -->
    <div id="sports">
        <!-- 版心 -->
        <div class="wrap">
            <!-- 标题 -->
            <div class="sportsBox clearfix">
                <span class="sportsBox_title fl f28 c3">户外运动</span>
                <ul class="sportsBox_text fr">
                    <li class="fl c3 f18 sports_active">女装内衣</li>
                    <li class="fl c3 f18">热销男装</li>
                    <li class="fl c3 f18">精品鞋靴</li>
                </ul>
            </div>
            <!-- 内容 -->
            <ul class="sportscontent posrel clearfix">
                <li class="sportscontent_item posabs sports_show">
                    <div class="clothcontent_item_leftBox fl">
                        <!-- 加载图片 -->
                        <img class="cloth_firstImg" src="./img/clothleft.jpg">
                        <ul class="cloth_firstImg_text">
                            <li>中小学教辅</li>
                            <li>外语</li>
                            <li>考试</li>
                            <li>小说</li>
                            <li>文学</li>
                            <li>青春文学</li>
                            <li>成功\励志</li>
                            <li>管理</li>
                            <li>历史</li>
                            <li>哲学\宗教</li>
                            <li>亲子\家教</li>
                            <li>全部分类></li>
                        </ul>
                    </div>
                    <!-- 中间的盒子 -->
                    <div class="sportscontent_item_rightBox fl clearfix">
                        <!-- 小轮播 -->
                        <div class="cloth_smailbanner fl">
                            <!--轮播开始-->
                            <div class="pptbox" id="bannerInner7">
                                <!--轮播的内容-->
                                <ul class="innerwrapper">
                                    <li>
                                        <a>
                                            <img src="./img/clothright.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="./img/clothright.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="./img/clothright.jpg" />

                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="./img/clothright.jpg" />

                                        </a>
                                    </li>
                                </ul>
                                <!--数字控制器-->
                                <ul class="controls">
                                    <li class="current">1</li>
                                    <li>2</li>
                                    <li>3</li>
                                    <li>4</li>
                                </ul>
                                <!--按钮控制器-->
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                            </div>
                            <!--轮播结束-->
                            <!-- 下面的盒子 -->
                            <div class="sports_smailsbanner">
                                <img src="./img/clothrightfoot.jpg">
                            </div>
                        </div>
                    </div>
                    <!-- 右边的图片盒子*3 -->
                    <div class="sportsrightbox fl">
                        <img class="sportsrightbox_img" src="./img/cloth.jpg" alt="">
                        <img class="sportsrightbox_imgs" src="./img/cloth.jpg" alt="">
                    </div>
                    <div class="sportsrightbox fl">
                        <img class="sportsrightbox_img" src="./img/cloth.jpg" alt="">
                        <img class="sportsrightbox_imgs" src="./img/cloth2.jpg" alt="">
                    </div>
                    <div class="sportsrightbox fl">
                        <img class="sportsrightbox_img" src="./img/cloth.jpg" alt="">
                        <img class="sportsrightbox_imgs" src="./img/cloth2.jpg" alt="">
                    </div>
                    <!-- 底部图片 -->
                    <div class="sportsfooter">
                        <img src="./img/clothfooter.png" alt="">
                    </div>
                </li>
                <li class="sportscontent_item posabs">
                    <div class="sportscontent_item_leftBox fl">
                        <!-- 加载图片 -->
                        <img class="sports_firstImg" src="./img/clothleft.jpg">
                        <ul class="sports_firstImg_text">
                            <li>中小学教辅</li>
                            <li>外语</li>
                            <li>考试</li>
                            <li>小说</li>
                            <li>文学</li>
                            <li>青春文学</li>
                            <li>成功\励志</li>
                            <li>管理</li>
                            <li>历史</li>
                            <li>哲学\宗教</li>
                            <li>亲子\家教</li>
                            <li>全部分类></li>
                        </ul>
                    </div>
                    <!-- 中间的盒子 -->
                    <div class="sportscontent_item_rightBox fl clearfix">
                        <!-- 小轮播 -->
                        <div class="sports_smailbanner fl">
                            <!--轮播开始-->
                            <div class="pptbox" id="bannerInner8">
                                <!--轮播的内容-->
                                <ul class="innerwrapper">
                                    <li>
                                        <a>
                                            <img src="./img/clothright.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="./img/clothright.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="./img/clothright.jpg" />

                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="./img/clothright.jpg" />

                                        </a>
                                    </li>
                                </ul>
                                <!--数字控制器-->
                                <ul class="controls">
                                    <li class="current">1</li>
                                    <li>2</li>
                                    <li>3</li>
                                    <li>4</li>
                                </ul>
                                <!--按钮控制器-->
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                            </div>
                            <!--轮播结束-->
                            <!-- 下面的盒子 -->
                            <div class="sports_smailsbanner">
                                <img src="./img/clothrightfoot.jpg">
                            </div>
                        </div>
                    </div>
                    <!-- 右边的图片盒子*3 -->
                    <div class="sportsrightbox fl">
                        <img class="sportsrightbox_img" src="./img/cloth.jpg" alt="">
                        <img class="sportsrightbox_imgs" src="./img/cloth2.jpg" alt="">
                    </div>
                    <div class="sportsrightbox fl">
                        <img class="sportsrightbox_img" src="./img/cloth.jpg" alt="">
                        <img class="sportsrightbox_imgs" src="./img/cloth.jpg" alt="">
                    </div>
                    <div class="sportsrightbox fl">
                        <img class="sportsrightbox_img" src="./img/cloth.jpg" alt="">
                        <img class="sportsrightbox_imgs" src="./img/cloth2.jpg" alt="">
                    </div>
                    <!-- 底部图片 -->
                    <div class="sportsfooter">
                        <img src="./img/clothfooter.png" alt="">
                    </div>
                </li>
                <li class="sportscontent_item posabs">
                    <div class="sportscontent_item_leftBox fl">
                        <!-- 加载图片 -->
                        <img class="sports_firstImg" src="./img/clothleft.jpg">
                        <ul class="sports_firstImg_text">
                            <li>中小学教辅</li>
                            <li>外语</li>
                            <li>考试</li>
                            <li>小说</li>
                            <li>文学</li>
                            <li>青春文学</li>
                            <li>成功\励志</li>
                            <li>管理</li>
                            <li>历史</li>
                            <li>哲学\宗教</li>
                            <li>亲子\家教</li>
                            <li>全部分类></li>
                        </ul>
                    </div>
                    <!-- 中间的盒子 -->
                    <div class="sportscontent_item_rightBox fl clearfix">
                        <!-- 小轮播 -->
                        <div class="sports_smailbanner fl">
                            <!--轮播开始-->
                            <div class="pptbox" id="bannerInner9">
                                <!--轮播的内容-->
                                <ul class="innerwrapper">
                                    <li>
                                        <a>
                                            <img src="./img/clothright.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="./img/clothright.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="./img/clothright.jpg" />

                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="./img/clothright.jpg" />

                                        </a>
                                    </li>
                                </ul>
                                <!--数字控制器-->
                                <ul class="controls">
                                    <li class="current">1</li>
                                    <li>2</li>
                                    <li>3</li>
                                    <li>4</li>
                                </ul>
                                <!--按钮控制器-->
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                            </div>
                            <!--轮播结束-->
                            <!-- 下面的盒子 -->
                            <div class="sports_smailsbanner">
                                <img src="./img/clothrightfoot.jpg">
                            </div>
                        </div>
                    </div>
                    <!-- 右边的图片盒子*3 -->
                    <div class="sportsrightbox fl">
                        <img class="sportsrightbox_img" src="./img/cloth.jpg" alt="">
                        <img class="sportsrightbox_imgs" src="./img/cloth2.jpg" alt="">
                    </div>
                    <div class="sportsrightbox fl">
                        <img class="sportsrightbox_img" src="./img/cloth.jpg" alt="">
                        <img class="sportsrightbox_imgs" src="./img/cloth2.jpg" alt="">
                    </div>
                    <div class="sportsrightbox fl">
                        <img class="sportsrightbox_img" src="./img/cloth.jpg" alt="">
                        <img class="sportsrightbox_imgs" src="./img/cloth.jpg" alt="">
                    </div>
                    <!-- 底部图片 -->
                    <div class="sportsfooter">
                        <img src="./img/clothfooter.png" alt="">
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 8.童装 -->
    <div id="children">
        <!-- 版心 -->
        <div class="wrap">
            <!-- 标题 -->
            <div class="childrenBox clearfix">
                <span class="childrenBox_title fl f28 c3">童装 童鞋 婴儿装</span>
                <ul class="childrenBox_text fr">
                    <li class="fl c3 f18 children_active">女装内衣</li>
                    <li class="fl c3 f18">热销男装</li>
                    <li class="fl c3 f18">精品鞋靴</li>
                </ul>

            </div>
            <!-- 内容 -->
            <ul class="childrencontent posrel clearfix">
                <li class="childrencontent_item posabs children_show">
                    <div class="childrencontent_item_leftBox fl">
                        <!-- 加载图片 -->
                        <img class="children_firstImg" src="./img/clothleft.jpg">
                        <ul class="children_firstImg_text">
                            <li>中小学教辅</li>
                            <li>外语</li>
                            <li>考试</li>
                            <li>小说</li>
                            <li>文学</li>
                            <li>青春文学</li>
                            <li>成功\励志</li>
                            <li>管理</li>
                            <li>历史</li>
                            <li>哲学\宗教</li>
                            <li>亲子\家教</li>
                            <li>全部分类></li>
                        </ul>
                    </div>
                    <!-- 中间的盒子 -->
                    <div class="childrencontent_item_rightBox fl clearfix">
                        <!-- 小轮播 -->
                        <div class="children_smailbanner fl">
                            <!--轮播开始-->
                            <div class="pptbox" id="bannerInner10">
                                <!--轮播的内容-->
                                <ul class="innerwrapper">
                                    <li>
                                        <a>
                                            <img src="./img/clothright.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="./img/clothright.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="./img/clothright.jpg" />

                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="./img/clothright.jpg" />

                                        </a>
                                    </li>
                                </ul>
                                <!--数字控制器-->
                                <ul class="controls">
                                    <li class="current">1</li>
                                    <li>2</li>
                                    <li>3</li>
                                    <li>4</li>
                                </ul>
                                <!--按钮控制器-->
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                            </div>
                            <!--轮播结束-->
                            <!-- 下面的盒子 -->
                            <div class="children_smailsbanner">
                                <img src="./img/clothrightfoot.jpg">
                            </div>
                        </div>
                    </div>
                    <!-- 右边的图片盒子*3 -->
                    <div class="childrenrightbox fl">
                        <img class="childrenrightbox_img" src="./img/cloth.jpg" alt="">
                        <img class="childrenrightbox_imgs" src="./img/cloth.jpg" alt="">
                    </div>
                    <div class="childrenrightbox fl">
                        <img class="childrenrightbox_img" src="./img/cloth.jpg" alt="">
                        <img class="childrenrightbox_imgs" src="./img/cloth2.jpg" alt="">
                    </div>
                    <div class="childrenrightbox fl">
                        <img class="childrenrightbox_img" src="./img/cloth.jpg" alt="">
                        <img class="childrenrightbox_imgs" src="./img/cloth2.jpg" alt="">
                    </div>
                    <!-- 底部图片 -->
                    <div class="childrenfooter">
                        <img src="./img/clothfooter.png" alt="">
                    </div>
                </li>
                <li class="childrencontent_item posabs">
                    <div class="childrencontent_item_leftBox fl">
                        <!-- 加载图片 -->
                        <img class="children_firstImg" src="./img/clothleft.jpg">
                        <ul class="children_firstImg_text">
                            <li>中小学教辅</li>
                            <li>外语</li>
                            <li>考试</li>
                            <li>小说</li>
                            <li>文学</li>
                            <li>青春文学</li>
                            <li>成功\励志</li>
                            <li>管理</li>
                            <li>历史</li>
                            <li>哲学\宗教</li>
                            <li>亲子\家教</li>
                            <li>全部分类></li>
                        </ul>
                    </div>
                    <!-- 中间的盒子 -->
                    <div class="childrencontent_item_rightBox fl clearfix">
                        <!-- 小轮播 -->
                        <div class="children_smailbanner fl">
                            <!--轮播开始-->
                            <div class="pptbox" id="bannerInner11">
                                <!--轮播的内容-->
                                <ul class="innerwrapper">
                                    <li>
                                        <a>
                                            <img src="./img/clothright.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="./img/clothright.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="./img/clothright.jpg" />

                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="./img/clothright.jpg" />

                                        </a>
                                    </li>
                                </ul>
                                <!--数字控制器-->
                                <ul class="controls">
                                    <li class="current">1</li>
                                    <li>2</li>
                                    <li>3</li>
                                    <li>4</li>
                                </ul>
                                <!--按钮控制器-->
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                            </div>
                            <!--轮播结束-->
                            <!-- 下面的盒子 -->
                            <div class="children_smailsbanner">
                                <img src="./img/clothrightfoot.jpg">
                            </div>
                        </div>
                    </div>
                    <!-- 右边的图片盒子*3 -->
                    <div class="childrenrightbox fl">
                        <img class="childrenrightbox_img" src="./img/cloth.jpg" alt="">
                        <img class="childrenrightbox_imgs" src="./img/cloth2.jpg" alt="">
                    </div>
                    <div class="childrenrightbox fl">
                        <img class="childrenrightbox_img" src="./img/cloth.jpg" alt="">
                        <img class="childrenrightbox_imgs" src="./img/cloth.jpg" alt="">
                    </div>
                    <div class="childrenrightbox fl">
                        <img class="childrenrightbox_img" src="./img/cloth.jpg" alt="">
                        <img class="childrenrightbox_imgs" src="./img/cloth2.jpg" alt="">
                    </div>
                    <!-- 底部图片 -->
                    <div class="childrenfooter">
                        <img src="./img/clothfooter.png" alt="">
                    </div>
                </li>
                <li class="childrencontent_item posabs">
                    <div class="childrencontent_item_leftBox fl">
                        <!-- 加载图片 -->
                        <img class="children_firstImg" src="./img/clothleft.jpg">
                        <ul class="children_firstImg_text">
                            <li>中小学教辅</li>
                            <li>外语</li>
                            <li>考试</li>
                            <li>小说</li>
                            <li>文学</li>
                            <li>青春文学</li>
                            <li>成功\励志</li>
                            <li>管理</li>
                            <li>历史</li>
                            <li>哲学\宗教</li>
                            <li>亲子\家教</li>
                            <li>全部分类></li>
                        </ul>
                    </div>
                    <!-- 中间的盒子 -->
                    <div class="childrencontent_item_rightBox fl clearfix">
                        <!-- 小轮播 -->
                        <div class="children_smailbanner fl">
                            <!--轮播开始-->
                            <div class="pptbox" id="bannerInner12">
                                <!--轮播的内容-->
                                <ul class="innerwrapper">
                                    <li>
                                        <a>
                                            <img src="./img/clothright.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="./img/clothright.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="./img/clothright.jpg" />

                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="./img/clothright.jpg" />

                                        </a>
                                    </li>
                                </ul>
                                <!--数字控制器-->
                                <ul class="controls">
                                    <li class="current">1</li>
                                    <li>2</li>
                                    <li>3</li>
                                    <li>4</li>
                                </ul>
                                <!--按钮控制器-->
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                            </div>
                            <!--轮播结束-->
                            <!-- 下面的盒子 -->
                            <div class="children_smailsbanner">
                                <img src="./img/clothrightfoot.jpg">
                            </div>
                        </div>
                    </div>
                    <!-- 右边的图片盒子*3 -->
                    <div class="childrenrightbox fl">
                        <img class="childrenrightbox_img" src="./img/cloth.jpg" alt="">
                        <img class="childrenrightbox_imgs" src="./img/cloth2.jpg" alt="">
                    </div>
                    <div class="childrenrightbox fl">
                        <img class="childrenrightbox_img" src="./img/cloth.jpg" alt="">
                        <img class="childrenrightbox_imgs" src="./img/cloth2.jpg" alt="">
                    </div>
                    <div class="childrenrightbox fl">
                        <img class="childrenrightbox_img" src="./img/cloth.jpg" alt="">
                        <img class="childrenrightbox_imgs" src="./img/cloth.jpg" alt="">
                    </div>
                    <!-- 底部图片 -->
                    <div class="childrenfooter">
                        <img src="./img/clothfooter.png" alt="">
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 9.家居日用 -->
    <div id="home">
        <!-- 版心 -->
        <div class="wrap">
            <!-- 标题盒子 -->
            <div class="home_titleBox clearfix">
                <!-- 标题 -->
                <span class="fl c3">家居日用</span>
                <!-- 内容盒子 -->
            </div class="home_mainbox clearfix">
            <div class="home_leftbox fl">
                <img src="./img/home.jpg" alt="">
            </div>
            <div class="home_rightbox fl clearfix">
                <div class="home_imgbox fl">
                    <div class="home_imgboxtop">
                        <img src="./img/hometop.jpg" alt="">
                    </div>
                    <div class="home_imgboxbottom">
                        <img src="./img/homebottom.jpg" alt="">
                    </div>
                </div>
                <div class="home_imgbox fl">
                    <div class="home_imgboxtop">
                        <img src="./img/hometop.jpg" alt="">
                    </div>
                    <div class="home_imgboxbottom">
                        <img src="./img/homebottom.jpg" alt="">
                    </div>
                </div>
                <div class="home_imgbox fl">
                    <div class="home_imgboxtop">
                        <img src="./img/hometop.jpg" alt="">
                    </div>
                    <div class="home_imgboxbottom">
                        <img src="./img/homebottom.jpg" alt="">
                    </div>
                </div>
                <div class="home_imgbox fl">
                    <div class="home_imgboxtop">
                        <img src="./img/hometop.jpg" alt="">
                    </div>
                    <div class="home_imgboxbottom">
                        <img src="./img/homebottom.jpg" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    <!-- 10.推广商品 -->
    <div id="extension">
        <div class="wrap posrel">
            <!-- 标题盒子 -->
            <div class="extension_titleBox clearfix">
                <!-- 左边标题 -->
                <span class="extension_titleleft fl">推广商品</span>
                <!-- 选项卡 圆点 -->
                <ul class="extension_titleright fr">
                    <li class="fl extension_li extension_active"></li>
                    <li class="fl extension_li"></li>
                </ul>

            </div>
            <ul class="extensioncontent posrel clearfix">
                <li class="extensioncontent_item posabs extension_show">
                    <div class="extension_imgBox fl">
                        <div class="extension_img"></div>
                        <div class="extension_text">
                            Pigeon法国制奶嘴,无
                            <br>毒天然乳胶
                        </div>
                        <div class="extension_price">￥:189</div>
                        <div class="extension_evaluate">
                            <img src="./img/evaluate.jpg" alt="">
                            <span>已有
                                <a style="color: red;text-decoration:none;">988</a>条评价</span>
                        </div>
                    </div>
                    <div class="extension_imgBox fl">
                        <div class="extension_img"></div>
                        <div class="extension_text">
                            Pigeon法国制奶嘴,无
                            <br>毒天然乳胶
                        </div>
                        <div class="extension_price">￥:189</div>
                        <div class="extension_evaluate">
                            <img src="./img/evaluate.jpg" alt="">
                            <span>已有
                                <a style="color: red;text-decoration:none;">988</a>条评价</span>
                        </div>
                    </div>
                    <div class="extension_imgBox fl">
                        <div class="extension_img"></div>
                        <div class="extension_text">
                            Pigeon法国制奶嘴,无
                            <br>毒天然乳胶
                        </div>
                        <div class="extension_price">￥:189</div>
                        <div class="extension_evaluate">
                            <img src="./img/evaluate.jpg" alt="">
                            <span>已有
                                <a style="color: red;text-decoration:none;">988</a>条评价</span>
                        </div>
                    </div>
                    <div class="extension_imgBox fl">
                        <div class="extension_img"></div>
                        <div class="extension_text">
                            Pigeon法国制奶嘴,无
                            <br>毒天然乳胶
                        </div>
                        <div class="extension_price">￥:189</div>
                        <div class="extension_evaluate">
                            <img src="./img/evaluate.jpg" alt="">
                            <span>已有
                                <a style="color: red;text-decoration:none;">988</a>条评价</span>
                        </div>
                    </div>
                    <div class="extension_imgBox fl">
                        <div class="extension_img"></div>
                        <div class="extension_text">
                            Pigeon法国制奶嘴,无
                            <br>毒天然乳胶
                        </div>
                        <div class="extension_price">￥:189</div>
                        <div class="extension_evaluate">
                            <img src="./img/evaluate.jpg" alt="">
                            <span>已有
                                <a style="color: red;text-decoration:none;">988</a>条评价</span>
                        </div>
                    </div>
                    <div class="extension_imgBox fl">
                        <div class="extension_img"></div>
                        <div class="extension_text">
                            Pigeon法国制奶嘴,无
                            <br>毒天然乳胶
                        </div>
                        <div class="extension_price">￥:189</div>
                        <div class="extension_evaluate">
                            <img src="./img/evaluate.jpg" alt="">
                            <span>已有
                                <a style="color: red;text-decoration:none;">988</a>条评价</span>
                        </div>
                    </div>
                    <div class="extension_imgBox fl">
                        <div class="extension_img"></div>
                        <div class="extension_text">
                            Pigeon法国制奶嘴,无
                            <br>毒天然乳胶
                        </div>
                        <div class="extension_price">￥:189</div>
                        <div class="extension_evaluate">
                            <img src="./img/evaluate.jpg" alt="">
                            <span>已有
                                <a style="color: red;text-decoration:none;">988</a>条评价</span>
                        </div>
                    </div>
                    <div class="extension_imgBox fl">
                        <div class="extension_img"></div>
                        <div class="extension_text">
                            Pigeon法国制奶嘴,无
                            <br>毒天然乳胶
                        </div>
                        <div class="extension_price">￥:189</div>
                        <div class="extension_evaluate">
                            <img src="./img/evaluate.jpg" alt="">
                            <span>已有
                                <a style="color: red;text-decoration:none;">988</a>条评价</span>
                        </div>
                    </div>
                    <div class="extension_imgBox fl">
                        <div class="extension_img"></div>
                        <div class="extension_text">
                            Pigeon法国制奶嘴,无
                            <br>毒天然乳胶
                        </div>
                        <div class="extension_price">￥:189</div>
                        <div class="extension_evaluate">
                            <img src="./img/evaluate.jpg" alt="">
                            <span>已有
                                <a style="color: red;text-decoration:none;">988</a>条评价</span>
                        </div>
                    </div>
                    <div class="extension_imgBox fl">
                        <div class="extension_img"></div>
                        <div class="extension_text">
                            Pigeon法国制奶嘴,无
                            <br>毒天然乳胶
                        </div>
                        <div class="extension_price">￥:189</div>
                        <div class="extension_evaluate">
                            <img src="./img/evaluate.jpg" alt="">
                            <span>已有
                                <a style="color: red;text-decoration:none;">988</a>条评价</span>
                        </div>
                    </div>
                </li>
                <li class="extensioncontent_item posabs">
                    <div class="extension_imgBox fl">
                        <div class="extension_img"></div>
                        <div class="extension_text">
                            Pigeon法国制奶嘴,无
                            <br>毒天然乳胶
                        </div>
                        <div class="extension_price">￥:189</div>
                        <div class="extension_evaluate">
                            <img src="./img/evaluate.jpg" alt="">
                            <span>已有
                                <a style="color: red;text-decoration:none;">988</a>条评价</span>
                        </div>
                    </div>
                    <div class="extension_imgBox fl">
                        <div class="extension_img"></div>
                        <div class="extension_text">
                            Pigeon法国制奶嘴,无
                            <br>毒天然乳胶
                        </div>
                        <div class="extension_price">￥:189</div>
                        <div class="extension_evaluate">
                            <img src="./img/evaluate.jpg" alt="">
                            <span>已有
                                <a style="color: red;text-decoration:none;">988</a>条评价</span>
                        </div>
                    </div>
                    <div class="extension_imgBox fl">
                        <div class="extension_img"></div>
                        <div class="extension_text">
                            Pigeon法国制奶嘴,无
                            <br>毒天然乳胶
                        </div>
                        <div class="extension_price">￥:189</div>
                        <div class="extension_evaluate">
                            <img src="./img/evaluate.jpg" alt="">
                            <span>已有
                                <a style="color: red;text-decoration:none;">988</a>条评价</span>
                        </div>
                    </div>
                    <div class="extension_imgBox fl">
                        <div class="extension_img"></div>
                        <div class="extension_text">
                            Pigeon法国制奶嘴,无
                            <br>毒天然乳胶
                        </div>
                        <div class="extension_price">￥:189</div>
                        <div class="extension_evaluate">
                            <img src="./img/evaluate.jpg" alt="">
                            <span>已有
                                <a style="color: red;text-decoration:none;">988</a>条评价</span>
                        </div>
                    </div>
                    <div class="extension_imgBox fl">
                        <div class="extension_img"></div>
                        <div class="extension_text">
                            Pigeon法国制奶嘴,无
                            <br>毒天然乳胶
                        </div>
                        <div class="extension_price">￥:189</div>
                        <div class="extension_evaluate">
                            <img src="./img/evaluate.jpg" alt="">
                            <span>已有
                                <a style="color: red;text-decoration:none;">988</a>条评价</span>
                        </div>
                    </div>
                    <div class="extension_imgBox fl">
                        <div class="extension_img"></div>
                        <div class="extension_text">
                            Pigeon法国制奶嘴,无
                            <br>毒天然乳胶
                        </div>
                        <div class="extension_price">￥:189</div>
                        <div class="extension_evaluate">
                            <img src="./img/evaluate.jpg" alt="">
                            <span>已有
                                <a style="color: red;text-decoration:none;">988</a>条评价</span>
                        </div>
                    </div>
                    <div class="extension_imgBox fl">
                        <div class="extension_img"></div>
                        <div class="extension_text">
                            Pigeon法国制奶嘴,无
                            <br>毒天然乳胶
                        </div>
                        <div class="extension_price">￥:189</div>
                        <div class="extension_evaluate">
                            <img src="./img/evaluate.jpg" alt="">
                            <span>已有
                                <a style="color: red;text-decoration:none;">988</a>条评价</span>
                        </div>
                    </div>
                    <div class="extension_imgBox fl">
                        <div class="extension_img"></div>
                        <div class="extension_text">
                            Pigeon法国制奶嘴,无
                            <br>毒天然乳胶
                        </div>
                        <div class="extension_price">￥:189</div>
                        <div class="extension_evaluate">
                            <img src="./img/evaluate.jpg" alt="">
                            <span>已有
                                <a style="color: red;text-decoration:none;">988</a>条评价</span>
                        </div>
                    </div>
                    <div class="extension_imgBox fl">
                        <div class="extension_img"></div>
                        <div class="extension_text">
                            Pigeon法国制奶嘴,无
                            <br>毒天然乳胶
                        </div>
                        <div class="extension_price">￥:189</div>
                        <div class="extension_evaluate">
                            <img src="./img/evaluate.jpg" alt="">
                            <span>已有
                                <a style="color: red;text-decoration:none;">988</a>条评价</span>
                        </div>
                    </div>
                    <div class="extension_imgBox fl">
                        <div class="extension_img"></div>
                        <div class="extension_text">
                            Pigeon法国制奶嘴,无
                            <br>毒天然乳胶
                        </div>
                        <div class="extension_price">￥:189</div>
                        <div class="extension_evaluate">
                            <img src="./img/evaluate.jpg" alt="">
                            <span>已有
                                <a style="color: red;text-decoration:none;">233</a>条评价</span>
                        </div>
                    </div>
                </li>
            </ul>
            <!-- 返回顶部 -->
            <div class="back posabs">
                <img src="./img/back.jpg ">
            </div>
        </div>
    </div>
    <!-- 11.页脚 -->
    <div id="footer">
        <div class="footer_img posrel">
            <div class="imgBox posabs">
                <img src="./img/footer-left.png" alt="">
                <img src="./img/footerleft.png" alt="">
                <img src="./img/footerright.png" alt="">
                <img src="./img/footer-right.png" alt="">
            </div>
        </div>
        <div class="footertitlebox clearfix">
            <div class="footerleft fl">
                <p class="f18 c00">购物指南</p>
                <p class="f16 c66">购物流程</p>
                <p class="f16 c66">发票制度</p>
                <p class="f16 c66">账户管理</p>
                <p class="f16 c66">会员优惠</p>
            </div>

            <div class="footerleft fl">
                <p class="f18 c00">支付方式</p>
                <p class="f16 c66">货到付款</p>
                <p class="f16 c66">网上支付</p>
                <p class="f16 c66">礼品卡支付</p>
                <p class="f16 c66">银行转帐</p>
            </div>
            <div class="footerleft fl">
                <p class="f18 c00">订单服务</p>
                <p class="f16 c66">订单配送查询</p>
                <p class="f16 c66">订单状态说明</p>
                <p class="f16 c66">自助取消订单</p>
                <p class="f16 c66">自助修改订单</p>
            </div>
            <div class="footerleft fl">
                <p class="f18 c00">退换货</p>
                <p class="f16 c66">退换货政策</p>
                <p class="f16 c66">自助申请退换货</p>
                <p class="f16 c66">退换货进度查询</p>
                <p class="f16 c66">退款方式和时间</p>
            </div>
            <div class="footerleft fl">
                <p class="f18 c00">商家服务</p>
                <p class="f16 c66">商家中心</p>
                <p class="f16 c66">运营服务</p>
                <p class="f16 c66">账户管理</p>
                <p class="f16 c66">加入尾品汇</p>
            </div>
        </div>
        <div class="footersynopsis">
            <span>公司简介&emsp;|&emsp;Investor Relations&emsp;|&emsp;网站联盟&emsp;|&emsp;乐购招商&emsp;|&emsp;机构销售&emsp;|&emsp;手机乐购&emsp;|&emsp;官方Blog&emsp;|&emsp;热词搜索</span>
        </div>
        <div class="footer_footertitle">
            <span>Copyright&emsp;(C)&emsp;乐购网&emsp;2004-2016,&emsp;All Rights Reserved</span>
        </div>
        <div class="footer-footerimg posrel">
            <img src="./img/logo_00.png" alt="">
        </div>
    </div>
    <!-- 12.楼层跳转 -->
    <div class="jump posfix">
        <ul>
            <li>
                <div class="jump_img"></div>
                <div class="jump_text">
                    <a href="#ebook">图书</a>
                </div>
            </li>
            <li>
                <div class="jump_img"></div>
                <div class="jump_text">
                    <a href="#cloth">服装</a>
                </div>

            </li>
            <li>
                <div class="jump_img"></div>
                <div class="jump_text">
                    <a href="#children">童装</a>
                </div>
            </li>
            <li>
                <div class="jump_img"></div>
                <div class="jump_text">
                    <a href="#home">家用</a>
                </div>
            </li>
            <li>
                <div class="jump_img"></div>
                <div class="jump_text">
                    <a href="#extension">推荐</a>
                </div>
            </li>
        </ul>
    </div>
    <!-- 13.固定头部样式 -->
    <div class="top-search">
        <div class="wrap">
            <div class="seek clearfix top">
                <!-- 输入框 -->
                <input type="text" placeholder="创意文具" class="hunt fl" id="newInput">
                <!-- 加载搜索图片 -->
                <div class="search_img fl posrel">
                </div>
            </div>
        </div>
    </div>
    <!-- 右侧固定图片 -->
    <div class="rightBox posfix posrel">
        <div class="rightBox_top posabs">
            <img src="./img/two_30.jpg" alt="">
        </div>
        <div class="rightBox_main posrel">
            <img class="rightBox_main_left  posabs" src="./img/two_34.jpg" alt="">
            <img class="rightBox_main_right posabs" src="./img/two_35.jpg" alt="">
        </div>
        <div class="rightBox_footer posabs">
            <div class="rightBox_footer_radius posabs">
                26
            </div>
            <img src="./img/two_40.jpg" alt="">
        </div>
    </div>

</body>

</html>